<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
	<title>Home</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<div th:fragment="css_js">
	<!-- VENDOR CSS -->
	<link rel="stylesheet" th:href="@{/css/bootstrap.min.css}"> <!--这个css必须要有-->
	<link rel="stylesheet" th:href="@{/css/font-awesome.min.css}"><!--这个css必须要有，图标支持-->
	<link rel="stylesheet" th:href="@{/css/style.css}"><!--这个css必须要有，图标支持-->
	<link rel="stylesheet" th:href="@{/css/chartist-custom.css}"><!--这个css管理图表-->
	<!-- MAIN CSS -->
	<link rel="stylesheet" th:href="@{/css/main.css}"><!--这个css必须要有，主页面布局-->
	<!-- FOR DEMO PURPOSES ONLY. You should remove this in your project -->
	<link rel="stylesheet" th:href="@{/css/demo.css}">

	<!-- ICONS 标签页图案 -->
	<link rel="apple-touch-icon" sizes="76x76" th:href="@{/img/foodicon2.jpg}">
	<link rel="icon" type="image/jpg" sizes="96x96" th:href="@{/img/foodicon1.jpg}">

	<!-- Javascript -->
	<script src="/js/jquery.min.js"></script>
	<script src="/js/bootstrap.min.js"></script>
	<script src="/js/chartist.min.js"></script>
	<script src="/js/klorofil-common.js"></script><!--这个js影响左侧菜单的收展-->

	</div>
	<!-- GOOGLE FONTS -->
	<!-- <link th:href"https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet"> -->
	<!--这个css暂时没用上-->


</head>

<body>
	<!-- WRAPPER -->
	<div id="wrapper">
		<!-- NAVBAR -->
		<!--左侧栏顶部图片，点击跳回首页-->
		<div class="headnav" th:fragment="topbar">
		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="brand">
				<a th:href="@{/home}"><img src="/img/foodicon7.jpg" alt="小店 Logo" class="img-responsive logo"></a>
			</div>
			<div class="container-fluid">
				<div class="navbar-btn">
					<button type="button" class="btn-toggle-fullwidth"><i class="lnr lnr-arrow-left-circle"></i></button>
				</div>

				<!--搜索框-->
				<form class="navbar-form navbar-left">
					<div class="input-group">
						<input type="text" value="" class="form-control" placeholder="请输入关键词搜索...">
						<span class="input-group-btn"><button type="button" class="btn btn-primary">搜索</button></span>
					</div>
				</form>
				
				<!--导航栏顶部的菜单-->
				<div id="navbar-menu">
					<ul class="nav navbar-nav navbar-right">
			
						<!-- <a th:href"#" class="dropdown-toggle icon-menu" data-toggle="dropdown">
							<i class="lnr lnr-alarm"></i>
							<span class="badge bg-danger">5</span>
						</a> -->
						<!--dropdown的特点是点击会有动画下拉-->
						<li class="dropdown">  <!--这里是头像&用户名，点击后有下拉选项-->
							<a th:href="@{#}" class="dropdown-toggle" data-toggle="dropdown"><img src="/img/foodhead1.jpg" class="img-circle" alt="Avatar"> <span>&nbsp;用户&nbsp;</span> <i class="icon-submenu lnr lnr-chevron-down"></i></a>
							<ul class="dropdown-menu">
								<li><a th:href="@{#}"><i class="lnr lnr-user"></i> <span>个人信息</span></a></li>
								<li><a th:href="@{/exit}"><i class="lnr lnr-exit"></i> <span>注销</span></a></li>
							</ul>
						</li>
						<!-- <li>
							<a class="update-pro" th:href"#downloads/klorofil-pro-bootstrap-admin-dashboard-template/?utm_source=klorofil&utm_medium=template&utm_campaign=KlorofilPro" title="Upgrade to Pro" target="_blank"><i class="fa fa-rocket"></i> <span>UPGRADE TO PRO</span></a>
						</li> -->
					</ul>
				</div>
			</div>
		</nav>
		</div>
		<!-- END NAVBAR -->
		<!-- LEFT SIDEBAR -->
		<!--左侧栏导航-->
		<div id="sidebar-nav" class="sidebar" th:fragment="sidebar">
			<div class="sidebar-scroll">
				<nav>
					<ul class="nav">   <!--这个class="active"会一直显示激活状态-->
						<li><a th:href="@{/home}" class=""><i class="lnr lnr-home"></i> <span>首页</span></a></li>
						<li>           <!--thymeleaf 接管的url 可以直接是网页名 ，也可以是controller Mapping("url")跳转的视图-->
							<!--这个th:href"#名字"，对应下面div中的 id="名字"-->
							<a th:href="@{#admin}" data-toggle="collapse" class="collapsed"><i class="lnr lnr-code"></i> <span>管理员管理</span><i class="icon-submenu lnr lnr-chevron-left"></i></a>
							<div id="admin" class="collapse ">
								<ul class="nav">
									<li><a th:href="@{/admin/admin_sys}" class="">系统管理员</a></li>
									<li><a th:href="@{/admin/admin_mall}" class="">商品管理员</a></li>
									<li><a th:href="@{/admin/add_admin}" class="">添加管理员</a></li>
								</ul>
							</div>
						</li>

						<li>  <!--显示的列表应该带有增删改查功能，打印出跳转按钮-->
							<a th:href="@{#user}" data-toggle="collapse" class="collapsed"><i class="lnr lnr-user"></i> <span>用户管理</span><i class="icon-submenu lnr lnr-chevron-left"></i></a>
							<div id="user" class="collapse ">
								<ul class="nav">
									<li><a th:href="@{/user/user_show}" class="">用户列表</a></li>
									<li><a th:href="@{/user/add_user}" class="">添加用户</a></li>
								</ul>
							</div>
						</li>

						<li>
							<a th:href="@{#goods}" data-toggle="collapse" class="collapsed"><i class="lnr lnr-cart"></i> <span>商品管理</span><i class="icon-submenu lnr lnr-chevron-left"></i></a>
							<div id="goods" class="collapse ">
								<ul class="nav">
									<li><a th:href="@{/goods/goods_show}" class="">商品列表</a></li>
									<li><a th:href="@{/goods/add_goods}" class="">添加商品</a></li>
									<li><a th:href="@{/goods/goods_in}" class="">商品进货</a></li>
								</ul>
							</div>
						</li>

						<li>
							<a th:href="@{#buy_list}" data-toggle="collapse" class="collapsed"><i class="lnr lnr-alarm"></i> <span>订单管理</span> <i class="icon-submenu lnr lnr-chevron-left"></i></a>
							<div id="buy_list" class="collapse ">
								<ul class="nav">
									<li><a th:href="@{/buy_list/buy_list_show}" class="">订单列表</a></li>
									<li><a th:href="@{/buy_list/end_buy_list}" class="">已完成订单</a></li>
								</ul>
							</div>
						</li>

						<!--这是有下拉多选项的菜单-->
						<!-- <li>
							<a th:href"#subPages" data-toggle="collapse" class="collapsed"><i class="lnr lnr-file-empty"></i> <span>Pages</span> <i class="icon-submenu lnr lnr-chevron-left"></i></a>
							<div id="subPages" class="collapse ">
								<ul class="nav">
									<li><a th:href"page-profile.html" class="">Profile</a></li>
									<li><a th:href"page-login.html" class="">Login</a></li>
									<li><a th:href"page-lockscreen.html" class="">Lockscreen</a></li>
								</ul>
							</div>
						</li> -->

						<li>
							<a th:href="@{#record}" data-toggle="collapse" class="collapsed"><i class="fa fa-calendar"></i> <span>操作记录</span><i class="icon-submenu lnr lnr-chevron-left"></i></a>
							<div id="record" class="collapse ">
								<ul class="nav">  <!--这里设想的记录是，对数据库中的信息进行改动时（增、删、改）向，记录表，插入-->
									<li><a th:href="@{/templates/record/admin_sys_mem}" class="">系统管理员操作</a></li>
									<li><a th:href="@{/templates/record/admin_mall_mem}" class="">商品管理员操作</a></li>
									<li><a th:href="@{/templates/record/user_mem}" class="">用户操作</a></li>
								</ul>
							</div>
						</li>

						<li>
							<a th:href="@{#income}" data-toggle="collapse" class="collapsed"><i class="fa fa-line-chart"></i> <span>收支记录</span><i class="icon-submenu lnr lnr-chevron-left"></i></a>
							<div id="income" class="collapse ">
								<ul class="nav">  <!--这里设想的记录是，对数据库中的信息进行改动时（增、删、改）向，记录表，插入-->
									<li><a th:href="@{/income/income_month}" class="">按月份</a></li>
									<li><a th:href="@{/income/income_year}" class="">按年</a></li>
									<li><a th:href="@{/income/income_all}" class="">总收支</a></li>
								</ul>
							</div>
						</li>

						<li><a th:href="@{icons.html}" class=""><i class="lnr lnr-linearicons"></i> <span>图标库</span></a></li>

					</ul>
				</nav>
			</div>
		</div>
		<!-- END LEFT SIDEBAR -->


		<!-- MAIN -->
		<div class="main">
			<!-- MAIN CONTENT -->

			
			<div class="main-content">
				<div class="container-fluid">

					<!-- OVERVIEW -->
					<div class="panel panel-headline">
						<div class="panel-heading">
							<p class="panel-subtitle">[[${session.admin.getUsername()}]]，欢迎登录！</p>
							<h3 class="panel-title">Weekly Overview</h3>
							<p class="panel-subtitle">Period: Oct 14, 2016 - Oct 21, 2016</p>
						</div>
						<div class="panel-body">
							<div class="row">
								<div class="col-md-3">
									<div class="metric">
										<span class="icon"><i class="fa fa-download"></i></span>
										<p>
											<span class="number">1,252</span>
											<span class="title">Downloads</span>
										</p>
									</div>
								</div>
								<div class="col-md-3">
									<div class="metric">
										<span class="icon"><i class="fa fa-shopping-bag"></i></span>
										<p>
											<span class="number">203</span>
											<span class="title">Sales</span>
										</p>
									</div>
								</div>
								<div class="col-md-3">
									<div class="metric">
										<span class="icon"><i class="fa fa-eye"></i></span>
										<p>
											<span class="number">274,678</span>
											<span class="title">Visits</span>
										</p>
									</div>
								</div>
								<div class="col-md-3">
									<div class="metric">
										<span class="icon"><i class="fa fa-bar-chart"></i></span>
										<p>
											<span class="number">35%</span>
											<span class="title">Conversions</span>
										</p>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-9">
									<div id="headline-chart" class="ct-chart"></div>
								</div>
								<div class="col-md-3">
									<div class="weekly-summary text-right">
										<span class="number">2,315</span> <span class="percentage"><i class="fa fa-caret-up text-success"></i> 12%</span>
										<span class="info-label">Total Sales</span>
									</div>
									<div class="weekly-summary text-right">
										<span class="number">$5,758</span> <span class="percentage"><i class="fa fa-caret-up text-success"></i> 23%</span>
										<span class="info-label">Monthly Income</span>
									</div>
									<div class="weekly-summary text-right">
										<span class="number">$65,938</span> <span class="percentage"><i class="fa fa-caret-down text-danger"></i> 8%</span>
										<span class="info-label">Total Income</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- END OVERVIEW -->				
					
				</div>
				<!-- END CONTAINER FLUID -->
			</div>
			<!-- END MAIN CONTENT -->
		</div>
		<!-- END MAIN 结束 main 部件块-->

		<div class="clearfix"></div>
		<footer>
			<div class="container-fluid">
				<p class="copyright"> &copy; 微信商城后台管理系统.<a target="_blank" th:href="@{#}">回到顶部</a></p>
			</div>
		</footer>
	</div>
	<!-- END WRAPPER -->


</body>

</html>
